body{background:#fff;margin:0 auto;max-width:640px;height:100%}

.login_bg {

    max-width: 640px;
    width: 100%
}
.lg_title{padding-left:13px}
li{text-decoration:none;list-style-type:none}
.clear{clear:both;height:0;overflow:hidden}
.login_content{width:100%;height:auto;text-align:center;background:#FFF;box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #EEE}
.login_username{width:80%;margin-left:32px;height:50px;border:0;outline:0;font-size:15px}
.pwd_swift {
    width: 84%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #eee;
}
    .pwd_swift .login_input{
        width:88%;
    }
    .login_pwd {
        width: 100%;
        border: 0;
        outline: 0;
        font-size: 14px;
        outline: medium
    }
.write_pwd{display:none;width:100%;border:0;outline:0;font-size:18px}
.pwd_pic{display:inline-block;width:40px;height:40px}
.login_button_img{  width:85%;height:45px;line-height:45px;color:#333;border-radius:3px;border:none;font-size:1.1em;letter-spacing:1px;background-color:#ffd100;}
.login_button{text-align:center;margin-top:38px}
.login_a {
    
    text-align: right;
}
.forget_mima {
    text-align: right;
    width: 85%;
    display: none;
    margin-top: 15px;
}
.forget_mima a {
    font-size: 11px;
    color: #999;
}
.login_a_register {
    width: 100px;
    height: 20px;
    float: left;
    text-align: center
}
.login_a_Forget{height:20px;float:right;text-align:center;padding-right:10px}
.login_a a{text-decoration:underline;color:#004a90;font-size:14px}
.login_first{width:100%;vertical-align:middle;text-align:-webkit-match-parent;line-height:60px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;font-size:18px}
.login_first span{background:url(https://m.9bianli.com/Images/icon/user_activation.png) no-repeat left center;padding-left:12%;font-size:1.2em;height:auto}
.login_first_next{float:right;margin-top:20px;margin-right:20px;width:10px;height:20px}
.pwd_show {
    background: url('https://m.9bianli.com/Images/newphoto/login_kejian.png') no-repeat center center;
    background-size: 20px 20px;
}
.pwd_hide{
    background:url('https://m.9bianli.com/Images/newphoto/login_biyan.png') no-repeat center center;
    background-size:20px 20px;
}
.phone_pic{display:inline-block;line-height:24px;width:100%;height:24px;background:url(https://m.9bianli.com/Images/icon_320/clear_text.png) no-repeat center center;background-size:24px 24px}
.clear_phone{width:15%;float:right;height:40px;text-align:right;line-height:40px;}
.login_prompt{font-size:12px;color:#969696;text-align:left;padding-left:20px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box}
.login_code{width:39%;height:38px;border:none;margin-left:32px;border-radius:0;outline:medium;border-bottom:2px solid #fff;background-color:transparent;text-align:left;color:#666;font-size:14px}
.code_bg {
    width: 28%;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    border: 1px solid #004c90;
    font-size: 13px;
    text-align: center;
    color: #004c90;
    background-color: transparent;
    float: right;
    margin-top: 4px;
}
.code_c_m {
    width: 70%;
    margin: 0;
    float: left;
    border-bottom: 1px solid #eee;
}
.code_content {
    width: 100%;
    margin-top: 25px;
    background: url(https://m.9bianli.com/Images/newphoto/login_yzm.png) no-repeat left center;
    background-size: 19px 19px;

    display:table;
}
.right_bg{width:75%;height:40px;background:#ffd447;line-height:40px;text-align:center;border-radius:8px;margin-left:5%;color:#fff;font-weight:600}
.register{padding-left:10px;padding-top:20px;text-decoration:none}
.register_a{color:#fff;font-size:16px;text-decoration:none}
.login_border {
    width: 100%;
    text-align: left;
    background: url(https://m.9bianli.com/Images/newphoto/login_phone.png) no-repeat left center;
    background-size: 19px 19px;
    border-bottom: 1px solid #eee
}
.pwd_content {
    width: 100%;
    margin-top: 25px;
    background: url(/Images/newphoto/login_mima.png) no-repeat left center;
    background-size: 19px 19px;
}
.bluebg{font-size:15px;height:40px;width:35%;background:url(/Images/newphoto/button.png) no-repeat;background-size:100% 100%;border-radius:5px;border:none;padding:0;margin-left:10%;color:#fff}
.tbcode{width:52%;height:38px;border:none;border-radius:0;outline:medium;border-bottom:2px solid #fff;background-color:transparent;text-align:center;color:#666;font-size:15px}
.submit_bg{text-align:center;margin-top:20px}
.reset_submit{border:0;width:90%;height:45px;border-radius:5px;line-height:45px;padding:0;background:url(/Images/newphoto/button.png) no-repeat;background-size:100% 100%;color:#fff;font-size:1em;font-weight:600;font-family:Adobe Heiti Std,微软雅黑,arial}
.checkbox_selected_bg{background:url(https://m.9bianli.com/Images/newphoto/all_xuanzhong.png) no-repeat left center;background-size:15px 15px;padding-bottom:3px}
.checkbox_unselected_bg{background:url(https://m.9bianli.com/Images/newphoto/all_weixuanze.png) no-repeat left center;padding-bottom:3px;background-size:15px 15px}
#btnConfirm {
    width: 80%;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    padding: 0;
    margin: 0;
    color: #333;
    background-color: #ffd100;
}
#tipBox{display:none;position:absolute;width:90%;height:188px;border:1px solid #eee;left:5%;border-radius:10px;background-color:#fff;z-index:999999}
#reValidImage{width:90px;height:40px;font-size:14px}
.write_code{width:80%;text-align:center;height:40px;line-height:40px;border:1px solid #eee;margin-left:10%;border-radius:5px;margin-bottom:20px}
#tbValidateImage{width:50%;height:38px;line-height:38px;color:#666;font-size:14px;border:none}
.close{float:right;width:20px;height:20px;background:url(https://m.9bianli.com/Images/newphoto/guanbi.png) no-repeat right top;background-size:15px 15px;margin-top:15px;margin-right:20px}
.wraper{display:none;position:fixed;z-index:100001;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#666;filter:alpha(opacity=80)!important;-ms-opacity:.8;opacity:.8}
.login_title{display:none;max-width:640px;width:100%;height:50px;line-height:50px;text-align:center;background:#eee;font-weight:700}
.all_return{height:50px;line-height:50px;float:left;padding-top:4px}
.head_return{width:12px;height:17px;margin-left:10px}
.n_login_bg{
    position:relative;
}
.login_bg2 {
    width: 100%;
    display: block;
}
.n_l_top {
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 4%;
    top: 5px;
    font-size: 13px;
    color: #fff;
    width: 92%;
}
.n_l_top >a{
    display: inline-block;
    height: fit-content;
    width: fit-content;
}
.re_coin{
    width:30px;
    height:30px;
    background:url('https://m.9bianli.com/Images/newphoto/all_return.png') no-repeat center left;
    background-size:10px 17px;
    display:inline-block;
}
.n_l_top span{
    float:right;
}
.login_mima {
    background: url('https://m.9bianli.com/Images/newphoto/login_coin_r.png') no-repeat;
    width: 5px;
    height: 9px;
    display: inline-block;
    background-size:100%;
    margin-left:5px;
}
.n_l_zz{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.6);
}
.n_l_tit {
    position: absolute;
    left: 0;
    bottom: -1px;
    text-align: center;
    z-index: 2;
    width: 200px;
}
.n_l_tit a {
    font-size: 30px;
    color: #fff;
    letter-spacing:1px;
}
.n_l_tit span{
    color:#fff;
    font-size:17px;
    display:inline-block;
    margin:-15px 10px 0;
    vertical-align:middle
}
.n_l_m{
    margin-bottom:10px;
}
.login_coin {
    background: url('https://m.9bianli.com/Images/newphoto/login_coin.png') no-repeat 0 7px;
    width: 29px;
    height: 29px;
    background-size: 100% 100%;
    display: block;
    margin: 0 auto;
}
.n_login_box {
    width: 85%;
    padding-top: 25px;
    margin: auto;
}
.login_input {
    height: 40px;
    font-size: 15px;
    border: 0;
    outline: 0;
    margin-left:32px;
    width:80%;
}
.login_input::-webkit-input-placeholder {
    color: #ccc;
}
.login_tishi{
    font-size:11px;
    color:#ccc;
    width:85%;
    margin:20px auto 0;
}
.login_tishi a{
    color:#004c90;
    font-size:11px;
    margin-left:5px;
}
.n_login{
    position:relative;
}
.input_close {
    background: url('https://m.9bianli.com/Images/newphoto/login_close.png') no-repeat;
    width: 10px;
    height: 10px;
    background-size: 100% 100%;
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}
.login_bg .login_tishi2 {
    display: none;
    width: 100%;
    position: fixed;
    max-width: 640px;
    bottom: 20px;
    text-align: center;
}
.use_code{
    display:none;
}
.n_t_coin {
    width: 95%;
}
.n_t_tit {
    font-size: 25px;
    width: 85%;
    margin-top: 10px;
}
.h_l_coin {
    width: 30px;
    height: 30px;
    background: url(https://m.9bianli.com/Images/couponCenter/fanhuijian.png) no-repeat center center;
    background-size: 10px 17px;
    display: inline-block;
    margin-top: 5px;
}
.code_content .code_bg_read {
    background-color: #f2f2f2;
    border: 0;
    color: #888;
}
.n_l_m{
    color:#fff;
}
.bp_h1 {
    font-size: 30px;
    margin-bottom: 5px;
}
.bp_h2{
    font-size:14px;
}
.n_l_tit2 {
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2;
    padding-left: 6%;
}
.n_l_m2 {
    margin-bottom: 5px;
    color: #fff;
}
.por_tips {
    background-color: #fff;
    padding: 30px 25px;
    width: 60%;
    border-radius: 5px;
    margin: 0 auto;
}
.content2 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.pt_btn {
    display: table;
    width: 100%;
    margin-top: 25px;
}
.btn_big {
    width: 164px;
}
.btn_type {
    line-height: 36px;
    text-align: center;
    font-size: 15px;
    border-radius: 30px;
    background-color:#ffd100;
    display: inline-block;
}
.layui-m-layerchild {
    width: 100%;
}
.content3{
    font-size:14px;
    margin-top:5px;
    text-align:center;
}
.other_login {
    max-width: 640px;
    width: 100%;
    height: 160px;
    margin: 30px auto;
}

.login_tishi3 {
    text-align: center;
    color: #b1b1b1;
    font-size: 13px;
}

.other_login_wx {
    text-align: center;
}

    .other_login_wx img {
        width: 45px;
        height: 45px;
        padding-top: 10px;
        margin: auto;
    }
.login_tips {
    width: 85%;
    margin-top: 10px;
    font-size: 0;
    display: flex;
}
    .login_tips span {
        font-size: 11px;
        color: #ccc;
        margin-left: 20px;
    }
        .login_tips span a {
            color: #004c90;
            font-size: 11px;
            margin-left: 18px;
        }
.tips_show{
 
}
.le_right {
    flex: 1;
}
.ea_check {
    background: url('https://m.9bianli.com/Images/icon/uncheck_box.png') no-repeat center;
    width: 15px;
    height: 15px;
    background-size: 12px 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-right: -20px;
}
    .ea_check.on {
        background: url('https://m.9bianli.com/Images/icon/check_box.png') no-repeat center;
        background-size: 12px 12px;
    }
.start {
    animation: startMove .5s ease-in both;
    -webkit-animation: startMove .5s ease-in both;
}

@keyframes startMove {
    0% {
        transform: translate(0px,0px);
    }
    10% {
        transform: translate(5px,0px);
    }
    20% {
        transform: translate(0px,0px);
    }
    30% {
        transform: translate(-5px,0px);
    }
    40% {
        transform: translate(0px,0px);
    }
    50% {
        transform: translate(5px,0px);
    }
    60% {
        transform: translate(0px,0px);
    }
    70% {
        transform: translate(-5px,0px);
    }
    80% {
        transform: translate(0px,0px);
    }
    90% {
        transform: translate(5px,0px);
    }
    100% {
        transform: translate(0px,0px);
    }
}

@-webkit-keyframes startMove {
    0% {
        transform: translate(0px,0px);
    }

    10% {
        transform: translate(5px,0px);
    }

    20% {
        transform: translate(0px,0px);
    }

    30% {
        transform: translate(-5px,0px);
    }

    40% {
        transform: translate(0px,0px);
    }

    50% {
        transform: translate(5px,0px);
    }

    60% {
        transform: translate(0px,0px);
    }

    70% {
        transform: translate(-5px,0px);
    }

    80% {
        transform: translate(0px,0px);
    }

    90% {
        transform: translate(5px,0px);
    }

    100% {
        transform: translate(0px,0px);
    }
}
.tips_login_protocal {
    background-color: #fff;
    border-radius: 10px;
    padding: 22px 15px;
    box-sizing: border-box !important;
    width: 75%;
    max-width: 480px;
}

    .tips_login_protocal .title {
        font-size: 20px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 10px;
    }

.tips_lp_info {
    padding: 0 10px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #999;
    text-align: justify;
}

    .tips_lp_info a {
        color: #004c90;
    }

.tips_lp_btn {
    padding: 0 10px;
}

    .tips_lp_btn div {
        display: table;
        width: 100%;
    }

    .tips_lp_btn span {
        text-align: center;
        font-size: 18px;
        border-radius: 30px;
        line-height: 38px;
        height: 38px;
        display: inline-block;
        color: #999;
        border: 1px solid #999;
        width: 44%;
        float: left;
    }

        .tips_lp_btn span.sure {
            border: 1px solid #ffd100;
            background-color: #ffd100;
            color: #333;
            float: right;
        }

#iframeWindow {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 100000000;
}

#pop_position_frame {
    background-color: #fff;
    border: 0;
    width: 100%;
    height: 100%;
    padding-top: 46px;
}
.lt_left{
    margin-right:3px;
}